<template>
	<view class="novice-tutorial">
		<view class="novice-tutorial-box" v-for="(item,index) in list" :key='index' @click="jump(item.url,item.current)">
			<image :src="item.img" mode=""></image>
			<text>{{item.text}}</text>
		</view>
	</view>
</template>

<script>
	export default{
	    data(){
			return{
				list:[{
					img:require('../../static/mine/sharefirends.png'),
					text:'邀请好友引导',
					url:'./novicetutorial/friendguide',
					current:0
				},
				{
					img:require('../../static/mine/luck.png'),
					text:'抽奖引导',
					url:'./novicetutorial/friendguide',
					current:1
				},
				{
					img:require('../../static/mine/into.png'),
					text:'进入抽奖界面引导',
					url:'./novicetutorial/friendguide',
					current:2
				},
				{
					img:require('../../static/mine/problem.png'),
					text:'常见问题',
					url:'./novicetutorial/friendguide',
					current:3
				},]
			}
		},
		methods:{
			jump(url,flag){
				if(flag==0){
					uni.navigateTo({
						url:url+'?item=0'
					})
				}else if(flag==1){
					uni.navigateTo({
						url:url+'?item=1'
					})
				}else if(flag==2){
					uni.navigateTo({
						url:url+'?item=2'
					})
				}else{
					uni.navigateTo({
						url:url+'?item=3'
					})
				}
				
			}
		}
	}
</script>

<style lang="less" scoped>
	.novice-tutorial{
		padding: 40rpx;
		.novice-tutorial-box{
			width: 100%px;
			height: 180rpx;
			background: #FFFFFF;
			opacity: 1;
			border-radius: 20rpx;
			margin-bottom: 40rpx;
			display: flex;
			padding: 10rpx;
			align-items: center;
			image{
				width: 160rpx;
				height: 160rpx;
				margin-right: 28rpx;
			}
			text{
				font-size: 36rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #FF7200;
			}
		}
	}
</style>
